<%-- 
    Document   : facturas
    Created on : 08-24-2012, 09:19:27 AM
    Author     : marco.castro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

 
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>


<script type="text/javascript">
$(document).ready(function() {
    $("#guardarFactura").validate();
});
</script>
<script type="text/javascript">
  function producto(string){
   var name=string
   document.getElementById('producto').value=name;
   }
   function OE(string){
   var name=string
   document.getElementById('OE').value=name;
   }
   
</script>
<!-- Extream Component -->
<link rel="stylesheet" type="text/css"
	href="../resources/css/extremecomponents.css">
<script type="text/javascript"
	src="../resources/javascript/extremecomponents.js"></script>
	
	<script type="text/javascript"
	src="../resources/javascript/jquery.js"></script>
	
	<script type="text/javascript">
			function onTableClick(idFactura,
									numeroFactura,
									proveedor,
									fechaFactura,
									fuentefondo,
									numeroCompromiso,
									numeroOrdencompra,
									estadofactura,
									fechaRegistroFactura){		
				
				
				$("#idFactura").val(idFactura);
				$("#numeroFactura").val(numeroFactura);				
				$("#proveedor").val(proveedor);
				document.getElementsByName('fechaFactura')[0].value = convertDate(fechaFactura) ;				
				$("#fuentefondo").val(fuentefondo);
				$("#numeroCompromiso").val(numeroCompromiso);
				$("#numeroOrdencompra").val(numeroOrdencompra);
				$("#estadofactura").val(estadofactura);
				$("#fechaRegistroFactura").val(convertDate(fechaRegistroFactura));
				showEditBtn();
			}
			
			function showEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").hide("slow");
				$(".btnEditar").show("slow");
				
			}
			
			function hiddenEditBtn(){
				$(".btnEditar").hide("fast");
				$(".btnAgregar").show("slow");								
			}
			
			
			
	</script>
	<script type="text/javascript">
	$(document).ready(function() {
	    $("#factura").validate();
	});
	</script>
	<jsp:include page="includeCSSjs.jsp"/>
    </head>
    <body>
        <font class="divTextoEncabezado">Registro de Factura</font>
        <br><br>
<div id="divOverflown">
<form:form method="post" action="addFactura" commandName="factura">
<table width="50%" border="0">
  <tr>
    <td width="50%">
		<form:label class="text0" path="numeroFactura">Número de Factura</form:label> 
	</td>
    <td width="50%">
    		<form:input path="numeroFactura" class="required inputTextFacturaAgregar"/>
    		<form:hidden path="idFactura" />
    		<form:hidden path="estadofactura.idEstadofactura" id="estadofactura" />
    		<form:hidden path="fechaRegistroFactura" />		
    					
		</td>
  </tr>
  <tr>
    <td><form:label class="text0" path="proveedor" >Proveedor</form:label></td>
    <td>
	<form:select path="proveedor.idProveedor" size="1" id="proveedor" class="required cmbFactura1">
		<form:options items="${proveList}" itemValue="idProveedor" itemLabel="nombreProveedor" />
	</form:select>
    </td>
  </tr>
<tr>
    <td>
			<label class="text0">Fecha Factura</label></td>
    <td>
    		<form:input path="fechaFactura" id="cal-field-1" size="17" maxlength="10" class="required date inputCalendario0" />
			
			<input type=image src="../resources/img/calendario.png" width="16" height="16" id="cal-button-1" class="inputCalendario">
			<script type="text/javascript">
						Calendar.setup({
						  inputField    : "cal-field-1",
						  button        : "cal-button-1",
						  align         : "Br"
						});
			</script>
    </td>
  </tr>
<tr>
    <td> 
			
			<form:label class="text0" path="fuentefondo">Fuente de Fondos</form:label>
	</td>
    <td>
<form:select path="fuentefondo.idFuentefondo"  id="fuentefondo" class="required cmbFactura1">
	<form:options items="${fuenteList}" itemValue="idFuentefondo" itemLabel="nombreFuentefondo" />
</form:select>
    </td>
  </tr>
<tr>
    <td>
		<form:label class="text0" path="numeroCompromiso">Número de compromiso</form:label>
	</td>
    <td>
			<form:input path="numeroCompromiso" class="inputTextFacturaAgregar"/>
	</td>
</tr>
<tr>
    <td>
    	<form:label class="text0" path="numeroOrdencompra">Órden de Compra</form:label>
		
	</td>
    <td>
		<form:input path="numeroOrdencompra" class="inputTextFacturaAgregar" />
	</td>
</tr>
</table>
<br><br><br>
<center>
		<div class='btnAgregar'>
				<input type=image src="../resources/img/boton_agregar.png" width="95" height="30" class="inputBoton"  >
		</div>
		<div class="btnEditar" style="display:none;">
					
					<input type=image src="../resources/img/boton_guardar.png" width="95" height="30" class="inputBoton" onclick="edit('factura','editFactura')" >
					<input type=image src="../resources/img/btn_eliminar.png" width="95" height="30" class="inputBoton" onclick="edit('factura','delFactura')"  >
					<input type=image src="../resources/img/btn_cancelar.png" width="95" height="30" class="inputBoton" onclick="edit('factura','showFacturas')"  >
					<input type=image src="../resources/img/btn_asignar_valores.png" width="95" height="30" class="inputBoton" onclick="edit('factura','showFacturasDet')" >
		</div>
</center>

</form:form>

<!-- Extreme Table  -->
<c:if test="${!empty factList}">
 		<ec:table 
    items="factList"
    action="${pageContext.request.contextPath}/admin/showFacturas"  
    view="compact"
    imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
    rowsDisplayed="8"      
     var="pres"  >

    <ec:exportPdf 
        fileName="output.pdf" 
        tooltip="Export PDF" 
        headerColor="black" 
        headerBackgroundColor="#b6c2da" 
        headerTitle="Presidents"
        
        />
          <ec:exportXls
     fileName="presidents.xls" 
     tooltip="Export Excel"/>
        
    <ec:row highlightRow="true"  
    onclick="onTableClick('${pageScope.pres.idFactura}',
    					'${pageScope.pres.numeroFactura}',
    					'${pageScope.pres.proveedor.idProveedor}',    					
    					'${pageScope.pres.fechaFactura}',
    					'${pageScope.pres.fuentefondo.idFuentefondo}',
    					'${pageScope.pres.numeroCompromiso}',
    					'${pageScope.pres.numeroOrdencompra}',
    					'${pageScope.pres.estadofactura.idEstadofactura}',
    					'${pageScope.pres.fechaRegistroFactura}');">      
      <ec:column property="fechaFactura" cell="date" parse="yyyy-MM-dd" format="MM/dd/yyyy" title="Fecha Factura"/>
       <ec:column property="proveedor.nombreProveedor"  title="Proveedor"/>
       <ec:column property="facturaHasProductos.precio" title="Total" >						
						<c:if test="${!empty pageScope.pres.facturaHasProductos}">						
						<c:set var="total" />						
							<c:forEach items="${pageScope.pres.facturaHasProductos}" var="item" varStatus="index">										
									<c:set var="suma"  value="${item.precio * item.cantidad} "/>
									<c:set var="total"  value="${total + suma} "/>																		 
							</c:forEach>
							<c:out value="${total} "/>
						</c:if>
				<br />
		
		
		
		
       		
       
			
      
      </ec:column>
    </ec:row>
  </ec:table>
</c:if>
</div>
        
    </body>
</html>
